
/*--NOTE TITLEBAR--*/
.view-header,
.workspace-leaf .view-header,
.workspace-leaf.mod-active .view-header,
.workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .view-header {
    border: 0;
}
.workspace-leaf .view-header {
    background: var(--note);
}
.view-header-title,
.view-header-title-container {
    font-size: var(--f-text);
    line-height: 36px;
}

.view-header-title-container:after {
    background: linear-gradient(to right, transparent, var(--note));
}
.workspace-leaf.mod-active .view-header {
    background: linear-gradient(to left, var(--outer-bar), var(--dark-accent));
}
.workspace-leaf.mod-active .view-header-title-container:after {
    background: transparent !important;
}

/*Inactive Note Titlebar*/
.view-header-title,
.view-header-icon,
.view-action {
    color: var(--inactive);
}

/*Active Note Titlebar*/
.workspace-leaf.mod-active .view-header-title,
.workspace-leaf.mod-active .view-header-icon,
.workspace-leaf.mod-active .view-action {
    color: var(--soft-text);
}

.workspace-leaf.mod-active .view-header-icon:hover,
.workspace-leaf.mod-active .view-action:hover {
    color: var(--accent);
}

/*Center Note Icons*/
.view-header-icon, .view-actions {
    margin: auto;
}




/*--Notes Paddings--*/
.is-readable-line-width {
    &.markdown-source-view.mod-cm6,
    &.markdown-preview-view
    {
        & .cm-contentContainer.cm-contentContainer.cm-contentContainer,
        & .cm-content.cm-content.cm-content,
        & .cm-line.cm-line.cm-line:not(.HyperMD-table-row),
        & .markdown-preview-sizer.markdown-preview-sizer {           
            max-width: var(--note-width);
            // margin-left: auto;
            margin-right: auto;
        }
    }
}

/* Note Title */
.view-header {
    align-content: center;
    align-items: center;
}

.view-header-title-container,
.view-actions,
.view-header-icon {
    display: flex;
    align-items: center;
}
.view-header-icon { top: unset; }

.view-header-title-container {
    -webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0, #000000 30px);
}



.markdown-source-view.mod-cm6 .cm-scroller {
    padding: 10px 20px;
}
/*Remove Note Padding*/
.workspace-split.mod-root .view-content {
    padding: 0;
}

/*Editor Resize*/
.markdown-source-view.mod-cm5 {
    padding-left: 0;
    padding-right: .5em;
}


/*Cursor Manual fix*/
.CodeMirror-cursor,
.cm-s-obsidian .cm-cursor {
    border-left: 1px solid var(--text);
}


/* Empty Pane */
.empty-state-container {
    background: var(--note);
    margin: 0;
    padding: 50px;
    padding-bottom: 80px;
    text-align: center;
}
.empty-state-title {
    text-transform: capitalize;
}
.empty-state-action:hover {
    font-weight: 600;
}


//Popout Windows Fixes
.is-popout-window {
    & .view-action { top: 0; }
    & .view-header-icon { top: -1px;}
    & .view-header { padding: 5px 0; }
} 



// Clear Note Titles
.nt-clear .mod-active .view-header {
    background: var(--note);
}

// Note Title Border Lines
.nt-underline.nt-underline.nt-underline {
    & .workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .view-header,
    & .workspace-leaf-content .view-header {
        border-bottom: 4px solid transparent;
    }

    & .workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .view-header,
    & .workspace-leaf.mod-active .view-header {
        border-bottom-color: var(--h1-c);
    }
    &.plugin-sliding-panes-rotate-header .workspace > .mod-root > :is(.workspace-leaf, .workspace-leaf.mod-active) > .workspace-leaf-content > .view-header.view-header {
        border-right: 4px solid var(--h1-c);
    }
}
.nt-overline.nt-overline.nt-overline {
    & .workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .view-header,
    & .workspace-leaf-content .view-header {
        border-top: 4px solid transparent;
    }

    & .workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .view-header,
    & .workspace-leaf.mod-active .view-header {
        border-top-color: var(--h1-c);
    }

    &.plugin-sliding-panes-rotate-header .workspace > .mod-root > :is(.workspace-leaf, .workspace-leaf.mod-active) > .workspace-leaf-content > .view-header.view-header {
        border-left: 4px solid var(--h1-c);
    }
}